<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST">
    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            <input data-rule="required" required class="form-control" name="row[name]" type="text" placeholder="{:__('Name')}" />
        </div>
    </div>

    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Price')}:</label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            <input data-rule="required" required class="form-control" name="row[price]" type="number" placeholder="{:__('Price')}" />
        </div>
    </div>

    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Flag')}:</label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            {$flaglist}
        </div>
    </div>

    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            {$statuslist}
        </div>
    </div>

    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Typeid')}:</label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            {$typelist}
        </div>
    </div>

    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Unitid')}:</label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            {$unitlist}
        </div>
    </div>

    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Content')}:</label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            <textarea id="c-content" data-rule="required" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
        </div>
    </div>

    <div class="col-md-4 col-xs-12 form-group">
        <label class="control-label col-xs-12 col-md-4 col-sm-2">{:__('Thumbs')}:</label>
        
        <div class="col-xs-12 col-md-8 col-sm-8">
            <div class="input-group">
                <input id="c-thumbs" class="form-control" data-rule="required" size="50" name="row[thumbs]" type="text" readonly />

                <div class="input-group-addon no-border no-padding">
                    <span>
                        <button type="button" id="faupload-thumbs" class="btn btn-danger faupload" data-input-id="c-thumbs" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp" data-multiple="false" data-preview-id="p-thumbs">
                            <i class="fa fa-upload"></i> {:__('Upload')}
                        </button>
                    </span>

                    <span>
                        <button type="button" id="fachoose-thumbs" class="btn btn-primary fachoose" data-input-id="c-thumbs" data-mimetype="image/*" data-multiple="true">
                            <i class="fa fa-list"></i> {:__('Choose')}
                        </button>
                    </span>
                </div>

                <span class="msg-box n-right" for="c-thumbs"></span>
            </div>

            <ul class="row list-inline faupload-preview" id="p-thumbs"></ul>
        </div>
    </div>
    
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-md-4 col-sm-2"></label>
        <div class="col-xs-12 col-md-8 col-sm-8">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            <button type="button" class="btn btn-default btn-embossed btn-close">{:__('Close')}</button>
        </div>
    </div>
</form>
